//倒计时效果
var hour = document.querySelector('.hour');
var minute = document.querySelector('.minute');
var second = document.querySelector('.second');
countDown();
setInterval(countDown,1000);
function countDown(){
   var nowTime = +new Date();  //计算系统当前时间总毫秒数
   var inputTime = +new Date("2021-3-22 20:10:15");  //计算输入时间总毫秒数
   var times = (inputTime - nowTime) / 1000;  //计算倒计时总的秒数
   var h = parseInt(times / 60 / 60 % 24);
   h = h < 10 ? "0" + h : h;
   hour.innerHTML = h;
   var m = parseInt(times / 60 % 60);
   m = m < 10 ? '0' + m : m;
   minute.innerHTML = m;
   var s = parseInt(times % 60);
   s = s < 10 ? '0' + s : s;
   second.innerHTML = s;
}

// tab栏切换
$(".floor .tab_list li").mouseover(function(){
   var index = $(this).index();
   $(this).parents(".box_hd").siblings(".box_bd").children(".tab_content").eq(index).show().siblings().hide();
})

// 轮播图
var swiper = new Swiper('.swiper-container', {
   pagination: {
     el: '.swiper-pagination',
     clickable: true,
     renderBullet: function (index, className) {
       return '<span class="' + className + '">' + (index + 1) + '</span>';
     },
   },
 });


// 电梯导航
// 1、当页面滚动到今日推荐模块时，让电梯导航显示出来
   var recoTop = $(".recommend").offset().top;
   //页面加载时调用一次防止页面刷新时出现电梯导航不见的情况
   toggleTool(); 
   function toggleTool(){
      if($(document).scrollTop() >= recoTop){
         $(".floornav").fadeIn();
      }else{
         $(".floornav").fadeOut();
      }
   }
   $(window).scroll(function(){
      toggleTool();
      // 2、当页面滚动到内容区时，让电梯导航也指向相应的选项
      if(flag){
         $(".floor>div").each(function(i,ele){
            if($(document).scrollTop() >= $(ele).offset().top){  //当页面滚动距离大于等于对应内容区域的.offset().top时
               $(".floornav li").eq(i).addClass("current").siblings().removeClass("current");
            }
         })
      }
   })
   // 3、当点击电梯导航选项，页面滚动到对应的内容模块
   $(".floornav li").click(function(){      //  点击之后让当前小li背景颜色变成红色，同时让他的兄弟变成白色
       $(this).addClass("current").siblings().removeClass("current");
      // 获取当前点击盒子的索引号
      var index = $(this).index();
      // 计算对应盒子的.offset().top值
      var current = $(".floor>div").eq(index).offset().top;
      // 让页面滚动到相应位置
      $("body,html").stop().animate({
         scrollTop: current
      },function(){
         flag = true;
      })
   })


